@font-face {
  font-family: "iconfont";
  src: url('../font/iconfont.eot');
  src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../font/iconfont.woff') format('woff'), /* chrome, firefox */ url('../font/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('../font/iconfont.svg#iconfont') format('svg');
  
  /* IE9*/
  /* iOS 4.1- */
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.onlyLine {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-family: "Microsoft YaHei";
}

html,body {
  width: 100%;
  height: 100%;
}
body {
  position: relative;
}
img {
  border: none;
  vertical-align: bottom;
}
a {
  text-decoration: none;
  color: #666;
}
a:hover {
  color: #3d94cf;
}
input[type=button],
input[type=submit] {
  -webkit-appearance: none;
  outline: none;
}
/*清除浮动*/
.clear {
  clear: both;
}
/*隐藏元素*/
.hide {
  display: none;
}
ul li {
  list-style: none;
}


/*音乐图标*/
@-webkit-keyframes gogoxuanz {
  0%{
    -webkit-transform:rotate(0deg);
  }

  100%{
    -webkit-transform:rotate(-360deg);
  }
}

@-webkit-keyframes gogoxuanzTwo {
  0%{
    -webkit-transform:rotate(0deg);
  }

  100%{
    -webkit-transform:rotate(360deg);
  }
}

@-webkit-keyframes gogoxuanzTui {
  0%{
    -webkit-transform:scale(1)rotate(0deg);
  }
  90%{
    -webkit-transform:scale(1)rotate(324deg);
  }
  95%{
    -webkit-transform:scale(1.4)rotate(342deg);
  }
  100%{
    -webkit-transform:scale(1)rotate(360deg);
  }
}
/*忽明忽暗*/
@-webkit-keyframes huminghuan {
  0%{
    opacity: .3;
  }
  50%{
    opacity: 1;
  }
  100%{
   opacity: .3;
 }
}

/*宇航员*/
@-webkit-keyframes yuhangyuan {
  0%{
   -webkit-transform:translateY(-10px)
 }
 50%{
   -webkit-transform:translateY(15px)
 }
 100%{
  -webkit-transform:translateY(-10px)
}
}

/*红包图标*/
@-webkit-keyframes hongbao {
  0%{
    -webkit-transform:rotateY(0deg);
  }

  100%{
    -webkit-transform:rotateY(-360deg);
  }
}
// 文字上浮
@-webkit-keyframes wenzisx {
  0%{
    opacity:0;
    -webkit-transform:translateY(100px)
  }

  100%{
    opacity:1;
    -webkit-transform:translateY(0px)
  }
}


// 放大缩小
@-webkit-keyframes fansuo {
  0%{
    -webkit-transform:scale(1,1)
  }

  50%{
    -webkit-transform:scale(1.2,1.2)
  }
  100%{
    -webkit-transform:scale(1,1)
  }
}

// 滑动标签
@-webkit-keyframes topHuaD {
  0%{
    bottom: 20px;
  }
  70%{
    bottom: 40px;
  }
  100%{
    bottom: 20px;
  }
}

// 闹钟
@-webkit-keyframes naozhong {
  0%{
    -webkit-transform:rotate(-10deg);
  }
  50%{
    -webkit-transform:rotate(10deg);
  }


  100%{
    -webkit-transform:rotate(-10deg);
  }
}


//喇叭
@-webkit-keyframes laba {
  0%{
    opacity:0;
    -webkit-transform:translateX(-20px)scale(0.7,0.7);
  }

  100%{
    opacity:1;
    -webkit-transform:translateX(-0px)scale(1,1);
  }
}
//下雨
@-webkit-keyframes xiayu {
  0%{
   opacity:1;
   -webkit-transform:translateY(0px);
 }

 100%{
   opacity:1;
   -webkit-transform:translateY(60px);
 }
}



//闪闪
@-webkit-keyframes shanshan {
  0%{
   opacity:0.3;
 }
 40%{
   opacity:1;
 }

 70%{
   opacity:1;
 }

 100%{
   opacity:0.3;
 }
}


.cAdiou{
 -webkit-animation:gogoxuanz 3s infinite linear ;
}


div.nextPage{
  position: fixed;
  bottom: 50px;
  left: 50%;
  width:68px;
  height: 42px;
  margin-left: -34px;
  z-index: 999;
  -webkit-animation:topHuaD 3s infinite linear ;

}


#cAdiou{
  width: 51px;
  height: 51px;
  position: fixed;
  top: 20px;
  z-index: 999;
  right: 20px;
  background-image: url(../images/public/adiou.png);
}
.maxCon{
  width: 750px;
  height: 100%;
  position: relative;


}

.swiper-slide{
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  overflow: hidden;
  position: relative;
  >div{
    position: absolute;
    background-repeat: no-repeat;
  }
}


.swiperC01{
  background-color: #d2b1d4;
  background-image: url(../images/01/back.jpg);
  background-position: 0 100%;
  background-size: 100% 100%;
  div.logo{
    top: -150px;
    left: 0;
    width: 100%;

  }
  div.title{
    width: 100%;
    top: 140px;
    left: 0;
    transform:translateY(0px) translateX(750px);
  }

  div.centrer{
    top: 390px;
    left: 50%;
    width: 360px;
    height: 450px;
    margin-left: -175px;
    background-image: url(../images/01/img03.png);
    text-align: center;
    padding: 28px;
    >img.ziti{
      animation:fansuo 2s  ;
    }

    >img.zititt{
      margin-top: 60px;
      transform:translateY(0px) translateX(-750px);
    }
  }

  
}


.HuaGuo1{
  div.logo{
    top: -0px;
    transition:all 0.7s;
  }

  div.title{
    transition:all 0.7s 0.3s;
    transform:translateY(0px) translateX(0px);


  }
  div.centrer{

    >img.zititt{
      transition:all 0.7s 0.7s;
      transform:translateY(0px) translateX(0px);
    }

  }
}

.swiperC02{
  background-image: url(../images/public/back.png);
  background-position: 0 100%;
  background-size: 100% 100%;
  >div.kuang{
    width: 100%;
    height: 100%;
    background-image:  url(../images/02/bcak.png);
    padding-top: 375px;
    text-align: center;
    transform:translateY(0px) translateX(-750px);
    >img.center{
      opacity: 0;
      transform:scale(0.3,0.3) rotate(270deg);
    }

  }
}




.HuaGuo2{
  >div.kuang{
    transition:all 0.7s 0.3s;
    transform:translateY(0px) translateX(0px);
    >img.center{
      transition:all 0.7s 0.5s;
      transform:scale(1,1) rotate(0deg);
      opacity: 1;

    }

  }
}




.swiperC03{
  background-image: url(../images/public/back.png);
  background-position: 0 100%;
  background-size: 100% 100%;
  >div.kuang{
    width: 100%;
    height: 100%;
    background-image:  url(../images/03/back.png);
    text-align: center;
    div.nian{
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      transform:translateY(0px) translateX(750px);
      opacity: 0;

    }
    div.nian:nth-child(1){background-image:  url(../images/03/icon/a1.png);}
    div.nian:nth-child(2){background-image:  url(../images/03/icon/a2.png);}
    div.nian:nth-child(3){background-image:  url(../images/03/icon/a3.png);}
    div.nian:nth-child(4){background-image:  url(../images/03/icon/a4.png);}
    div.nian:nth-child(5){background-image:  url(../images/03/icon/a5.png);}
    div.nian:nth-child(6){background-image:  url(../images/03/icon/a6.png);}
    div.nian:nth-child(7){background-image:  url(../images/03/icon/a7.png);}
    div.nian:nth-child(8){background-image:  url(../images/03/icon/a8.png);}
    div.nian:nth-child(9){background-image:  url(../images/03/icon/a9.png);}
    div.nian:nth-child(10){background-image:  url(../images/03/icon/a10.png);}
    div.nian:nth-child(11){background-image:  url(../images/03/icon/a11.png);}
    div.nian:nth-child(12){background-image:  url(../images/03/icon/a12.png);}
    div.nian:nth-child(13){background-image:  url(../images/03/icon/a13.png);}
    div.nian:nth-child(14){background-image:  url(../images/03/icon/a14.png);}
    div.nian:nth-child(15){background-image:  url(../images/03/icon/a15.png);}
    

  }
}




.HuaGuo3{
  >div.kuang{
    div.nian{
      opacity: 1;
      transform:translateY(0px) translateX(0px);


    }
    div.nian:nth-child(1){transition:all 0.7s 0.3s}
    div.nian:nth-child(2){transition:all 0.7s 0.6s}
    div.nian:nth-child(3){transition:all 0.7s 0.9s}
    div.nian:nth-child(4){transition:all 0.7s 1.2s}
    div.nian:nth-child(5){transition:all 0.7s 1.5s}
    div.nian:nth-child(6){transition:all 0.7s 1.8s}
    div.nian:nth-child(7){transition:all 0.7s 2.1s}
    div.nian:nth-child(8){transition:all 0.7s 2.4s}
    div.nian:nth-child(9){transition:all 0.7s 2.7s}
    div.nian:nth-child(10){ transition:all 0.7s 3s}
    div.nian:nth-child(11){ transition:all 0.7s 3.3s}
    div.nian:nth-child(12){ transition:all 0.7s 3.6s}
    div.nian:nth-child(13){ transition:all 0.7s 3.9s}
    div.nian:nth-child(14){ transition:all 0.7s 4.2s}
    div.nian:nth-child(15){ transition:all 0.7s 4.5s}

  }
}

.swiperC04{
  background-image: url(../images/public/back.png);
  background-position: 0 100%;
  background-size: 100% 100%;
  >div.kuang{
    width: 100%;
    height: 100%;
    background-image:  url(../images/04/back.png);
    text-align: center;
    padding-top: 435px;
    img.pomnt{
      opacity: 0;
    }
    

  }
}




.HuaGuo4{
  >div.kuang{
    >img.pomnt{
      opacity: 1;
      transition:all 0.7s 0.3s;

    }

  }
}




.swiperC05{
  background-color: #d2b1d4;
  background-image: url(../images/01/back.jpg);
  background-position: 0 100%;
  background-size: 100% 100%;
  >div.kuang{
    width: 100%;
    height: 100%;
    background-image:  url(../images/05/back.png);
    text-align: center;
    padding: 260px 140px 0;
    p{
      font-size: 26px;
      color: #e84899;
      line-height:40px;
    }

    div.butCn{
      margin-top: 45px;
      >a{
        display: inline-block;;
        margin:0 40px;
        >img.hode{
          height: 70px;
        }
      }
    }
    

  }
}




.HuaGuo5{

}






div.VideoCon{
  width: 100%;
  height: 100%;
  background-color: #d2b1d4;
  background-image: url(../images/01/back.jpg);
  background-position: 0 100%;
  background-size: 100% 100%;
  #imgCon{
    padding: 236px 75px 0;
  }
  div.neiLian{
   background-image: url(../images/05/back.png);
   background-repeat: no-repeat;
   width: 100%;
   height: 100%;
   padding-top: 236px;
   text-align: center;
   a.but{
    display: inline-block;
    height: 50px;
    padding: 0 20px;
    background-image: url(../images/06/butBack.png);
    background-size: 100% 50px;
    margin:110px auto 0;
    color: #fff;
    line-height: 50px;
    font-size: 26px;
    text-align: center;

  }


  a.but2{
    display: block;
    float: left;
    width: 228px;
    height: 50px;
    background-image: url(../images/06/butBack.png);
    margin:110px 36px 0;
    color: #fff;
    line-height: 50px;
    font-size: 26px;
    text-align: center;
  }

}
}